<template>
  <div class="vehicle-details-wrap">
    <TopFilter ref="searchOrdersPanel" :list="searchOrdersList" :isSubmitBtn="true" :cols="3" :rows="2" :label-width="120" @filterChange="getinsuranceList" @onCollapse="collapseHandle" />
    <!-- <div :style="{ textAlign: 'right' }"> -->
    <!-- <el-button type="primary" @click="openRepairhistory">维修历史</el-button>
      <el-button type="primary" @click="openRepairImport">维修建议</el-button>
      <el-button type="primary" @click="openComplaint">投诉历史</el-button>-->
    <!-- <el-button type="primary" :loading="exportLoading" @click="exportData()">导 出</el-button> -->
    <!-- <el-button type="primary">任务分派</el-button> -->
    <!-- <el-button type="primary">短信发送</el-button> -->

    <!-- <el-button type="primary" @click="openRemindInputs">提醒录入</el-button>
      <el-button type="primary" @click="openRemindHistory">提醒历史</el-button>-->
    <!-- </ButtonArea> -->
    <!-- </div> -->
    <FilterTable
      ref="table"
      :columns="columns"
      :fetchapi="fetchApi"
      :params="fetchParams"
      selectionType="single"
      :datakey="'rows'"
      :isExportExcel="true"
      exportFileName="行动邀约导出表.xlsx"
      :onColumnsChange="columns => (this.columns = columns)"
      :onRowSelectChange="selectChange"
    >
      <template slot="controls"> <el-button type="primary" @click="openReservation">预约安排</el-button> </template>
    </FilterTable>
    <!-- 提醒历史 -->
    <Drawer :visible.sync="showRemindHistory" title="提醒历史" destroyOnClose :containerStyle="{ height: 'calc(100% - 60px)', overflow: 'auto', paddingBottom: '60px' }">
      <RemindHistory :vin="chooseVin" :ownerNo="chooseOwnerNo" :remindSource="6" @close="closeRemindHistory" />
      <div
        :style="{
          position: 'absolute',
          left: 0,
          bottom: 0,
          right: 0,
          zIndex: 9999,
          borderTop: '1px solid #e9e9e9',
          padding: '10px 20px',
          background: '#fff',
          textAlign: 'right'
        }"
      >
        <el-button @click="closeRemindHistory">返 回</el-button>
      </div>
    </Drawer>
    <Drawer :visible.sync="showReservation" title="预约安排" destroyOnClose :containerStyle="{ height: 'calc(100% - 60px)', overflow: 'auto', paddingBottom: '60px' }">
      <Reservation ref="Reservation" :Vin="chooseVin" :License="chooseLicense" :activityCode="activityCode" :mark="mark" @close="closeReservation" />
    </Drawer>
    <Drawer :visible.sync="showRemindInputs" title="提醒录入" width="1300" destroyOnClose :containerStyle="{ height: 'calc(100% - 60px)', overflow: 'auto', paddingBottom: '60px' }">
      <RemindInputs ref="RemindInputs" :remindSource="6" :remindData="selectData" @close="closeRemindInputs" />
    </Drawer>
    <Drawer :visible.sync="showComplaint" title="投诉历史" width="1300" destroyOnClose :containerStyle="{ height: 'calc(100% - 60px)', overflow: 'auto', paddingBottom: '60px' }">
      <Complaint ref="Complaint" :vin="chooseVin" @close="closeComplaint" />
    </Drawer>
    <Drawer :visible.sync="showRepairhistory" title="维修历史" width="1300" destroyOnClose :containerStyle="{ height: 'calc(100% - 60px)', overflow: 'auto', paddingBottom: '60px' }">
      <Repairhistory ref="Repairhistory" :getdata="onSelectCell[0]" @close="closeRepairhistory" />
    </Drawer>
    <Drawer :visible.sync="showRepairImport" title="维修建议" width="1300" destroyOnClose :containerStyle="{ height: 'calc(100% - 60px)', overflow: 'auto', paddingBottom: '60px' }">
      <!-- <RepairImport ref="RepairImport" :vin="chooseVin" @cancel="closeRepairImport" /> -->
    </Drawer>
  </div>
</template>

<script>
import moment from 'moment';
import { getinsuranceList, exportActivitiesInvite, getBzd } from '@/api/customerRepair/customerCare/activitiesInvite/index'; // getinsuranceList 主页面表格数据接口
import { dictionary } from '@/utils/dictMixin';
import dictCode from '@/utils/dictCode';
import { jsonToHump } from '@/utils/index';
import { getPinpSelect } from '@/api/customerRepair/customerCare/maintenanceRemind/index';
import { searchRoleByCode } from '@/api/common/empSelect/index';
import { getActivitySelect } from '@/api/customerRepair/customerCare/activitiesInvite/index';
import RemindHistory from '@/pages/customerRepair/customerCare/vehicleRemind/components/remindHistory.vue';
import Reservation from '@/pages/repair/repairReception/precontractArrange';
// import Reservation from '@/pages/customerRepair/customerCare/vehicleRemind/components/reservation/reservation.vue';
import RemindInputs from '@/pages/customerRepair/customerCare/maintenanceRemind/remindInputs.vue';
import Complaint from '@/pages/repair/business/customer/combination/complaint';
import Repairhistory from '@/pages/repair/business/customer/Repairhistory/historypop.vue';
// import RepairImport from '@/pages/repair/repairReception/customer/repairImport/Modal.vue';
import { getBrand, getSeries, getModel } from '@/api/customerRepair/customerCare/insuranceDueRemind/index';
import { exportExcelFile } from '@/utils/index';
export default {
  name: 'ActivitiesInvite',
  components: {
    RemindHistory,
    Reservation,
    RemindInputs,
    Complaint,
    Repairhistory
    // RepairImport
  },
  mixins: [dictionary],
  props: {},
  data() {
    return {
      searchOrdersList: this.createSearchOrdersList(),
      columns: this.createTableColumns(),
      fetchParams: { xhrAbort: false },
      fetchApi: getinsuranceList,
      onSelectCell: [],
      showRemindHistory: false,
      showReservation: false,
      showRemindInputs: false,
      showComplaint: false,
      showRepairhistory: false,
      showRepairImport: false,
      historyVisible: false,
      showImport: false,
      chooseVin: null,
      chooseLicense: null,
      chooseOwnerNo: null,
      selectData: null,
      selectedRows: [],
      VIN: '',
      serviceAdvisorData: [], // 服务工程师列表
      exportLoading: false, // 导出加载,
      mark: 'Y',
      activityCode: null // 活动代码
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {
    this.getPinpSelect(); // 获取品牌
    this.serviceConsultant(); // 获取服务顾问
    this.getActivity(); // 获取活动方式
    this.queryBrand();
    this.querySeries();
    this.queryModel();
  },
  methods: {
    createSearchOrdersList() {
      return [
        // {
        //   type: 'SELECT',
        //   label: '品牌',
        //   fieldName: 'brand',
        //   itemList: []
        // },
        // {
        //   type: 'INPUT',
        //   label: '车主',
        //   fieldName: 'ownerName'
        // },
        // {
        //   type: 'INPUT',
        //   label: '车牌号',
        //   fieldName: 'license'
        // },
        {
          type: 'INPUT',
          label: 'VIN',
          fieldName: 'vin'
        }
        // {
        //   type: 'RANGE_DATE',
        //   label: '活动有效期',
        //   fieldName: 'nextMaintainFromDate|nextMaintainToDate',
        //   dateType: 'exactdaterange'
        // },
        // {
        //   type: 'RANGE_DATE',
        //   label: '上次维修日期',
        //   fieldName: 'lastMaintainFromDate|lastMaintainToDate',
        //   dateType: 'exactdaterange'
        // },
        // {
        //   type: 'RANGE_DATE',
        //   label: '首次进厂日期',
        //   fieldName: 'firstInDateFrom|firstInDateTo',
        //   dateType: 'exactdaterange'
        // },
        // {
        //   type: 'RANGE_INPUT_NUMBER',
        //   label: '未进场天数',
        //   fieldName: '1'
        // },
        // {
        //   type: 'RANGE_DATE',
        //   label: '销售日期',
        //   fieldName: 'salesDateFrom|salesDateTo',
        //   dateType: 'exactdaterange'
        // },
        // {
        //   type: 'RANGE_INPUT_NUMBER',
        //   label: '保险到期月',
        //   min: 1,
        //   max: 12,
        //   fieldName: 'expiredMonth'
        // },
        // {
        //   type: 'RANGE_INPUT_NUMBER',
        //   label: '保险到期日',
        //   min: 1,
        //   max: 31,
        //   fieldName: 'expiredDay'
        // },
        // {
        //   type: 'RANGE_DATE',
        //   label: '最近提醒日期',
        //   fieldName: 'remindDateFrom|remindDateTo',
        //   dateType: 'exactdaterange'
        // },
        // {
        //   type: 'CHECKBOX',
        //   label: '排除已参与活动车辆',
        //   fieldName: 'ACTIVITY_VEHICLE'
        //   // change: val => {
        //   //   that.showBegin(val);
        //   // },
        // },
        // {
        //   type: 'SELECT',
        //   label: '提醒状态',
        //   fieldName: 'remindStatus',
        //   itemList: this.createDictList('8057')
        // },
        // {
        //   type: 'SELECT',
        //   label: '是否提醒回厂',
        //   fieldName: 'isRemindFactory',
        //   itemList: this.createDictList('1004')
        // },
        // {
        //   type: 'SELECT',
        //   label: '服务活动',
        //   fieldName: 'ACTIVITY_CODE',
        //   filterable: true,
        //   itemList: []
        // }
        // {
        //   type: 'INPUT',
        //   label: '监控信息',
        //   fieldName: '7'
        // },
        // {
        //   type: 'SELECT',
        //   label: '是否激活',
        //   fieldName: 'isValid',
        //   itemList: this.createDictList('1004')
        // },
        // {
        //   type: 'SELECT',
        //   label: '提醒方式',
        //   fieldName: 'remindWay',
        //   itemList: this.createDictList('8081')
        // },
        // {
        //   type: 'SELECT',
        //   label: '上次接待服务顾问',
        //   fieldName: 'lastConsultantId',
        //   filterable: true,
        //   itemList: []
        // }
      ];
    },
    createTableColumns() {
      return [
        {
          title: '序号',
          dataIndex: 'index',
          width: 70,
          sorter: true,
          fixed: 'left',
          render: props => {
            return <span>{props.row.index + 1}</span>;
          }
        },
        // {
        //   title: '操作',
        //   dataIndex: 'column-action',
        //   width: 90,
        //   fixed: 'left',
        //   render: props => {
        //     return (
        //       <div>
        //           <el-button size="small" type="text"  onClick={() => this.queryBzd(props.row)}>
        //             查询
        //           </el-button>
        //       </div>
        //     );
        //   }
        // },
        {
          title: '行动代码',
          dataIndex: 'ZRETYPE',
          sorter: true,
          filter: true,
          filterType: 'input'
        },
        {
          title: 'VIN',
          dataIndex: 'VIN',
          sorter: true,
          filter: true,
          filterType: 'input',
          showOverflowTooltip: true
        },
        {
          title: '责任维修站代码',
          dataIndex: 'DEALER_REPAIR_ID',
          sorter: true,
          filter: true,
          filterType: 'input'
        },
        {
          title: '车辆维修状态',
          dataIndex: 'CFLAG',
          sorter: true,
          editType: 'select',
          editItems: [
            { text: '行动完成', value: '4' },
            { text: '行动进站未修', value: '3' },
            { text: '不必要实施', value: 'H' }
          ],
          filter: true,
          filterType: 'checkbox',
          filterItems: [
            { text: '行动完成', value: '4' },
            { text: '行动进站未修', value: '3' },
            { text: '不必要实施', value: 'H' }
          ]
        },
        {
          title: '预约结果',
          dataIndex: 'BOOKING_RESULT',
          sorter: true,
          filter: true,
          filterType: 'input'
        }
        // {
        //   title: 'BZD码',
        //   dataIndex: 'BZD',
        //   sorter: true,
        //   filter: true,
        //   filterType: 'input'
        // }
        // {
        //   title: '车牌号',
        //   dataIndex: 'LICENSE',
        //   sorter: true
        // },
        // {
        //   title: '是否提醒回厂',
        //   dataIndex: 'IS_REMIND_FACTORY',
        //   sorter: true,
        //   render: props => {
        //     return <span>{this.createDictText(props.row.IS_REMIND_FACTORY, '1004')}</span>;
        //   }
        // },
        // {
        //   title: '品牌',
        //   dataIndex: 'BRAND',
        //   sorter: true,
        //   editable: false,
        //   editType: 'select',
        //   editItems: [],
        //   filterType: 'input'
        // },
        // {
        //   title: '车系',
        //   dataIndex: 'SERIES',
        //   sorter: true,
        //   editable: false,
        //   editType: 'select',
        //   editItems: [],
        //   filterType: 'input'
        // },
        // {
        //   title: '车型',
        //   dataIndex: 'MODEL',
        //   width: 100,
        //   sorter: true,
        //   editable: false,
        //   editType: 'select',
        //   editItems: [],
        //   filterType: 'input'
        // },
        // {
        //   title: '车主编号',
        //   dataIndex: 'OWNER_NO',
        //   sorter: true
        // },
        // {
        //   title: '车主',
        //   dataIndex: 'OWNER_NAME',
        //   sorter: true
        // },
        // {
        //   title: '车主电话',
        //   dataIndex: 'PHONE',
        //   sorter: true
        // },
        // {
        //   title: '车主手机',
        //   dataIndex: 'MOBILE',
        //   sorter: true
        // },
        // {
        //   title: '车主地址',
        //   dataIndex: 'ADDRESS',
        //   showOverflowTooltip: true,
        //   sorter: true
        // },
        // {
        //   title: '车主性质',
        //   dataIndex: 'OWNER_PROPERTY',
        //   sorter: true,
        //   render: props => {
        //     return <span>{this.createDictText(props.row.OWNER_PROPERTY, '8011')}</span>;
        //   }
        // },
        // {
        //   title: '送修人',
        //   dataIndex: 'DELIVERER',
        //   sorter: true
        // },
        // {
        //   title: '送修人手机',
        //   dataIndex: 'DELIVERER_MOBILE',
        //   sorter: true
        // },
        // {
        //   title: '送修人电话',
        //   dataIndex: 'DELIVERER_PHONE',
        //   sorter: true
        // },
        // {
        //   title: '联系人',
        //   dataIndex: 'CONTACTOR_NAME',
        //   sorter: true
        // },
        // {
        //   title: '联系人手机',
        //   dataIndex: 'CONTACTOR_MOBILE',
        //   sorter: true
        // },
        // {
        //   title: '联系人电话',
        //   dataIndex: 'CONTACTOR_PHONE',
        //   sorter: true
        // },
        // {
        //   title: '联系人邮编',
        //   dataIndex: 'CONTACTOR_ZIP_CODE',
        //   sorter: true
        // },
        // {
        //   title: '联系人详细地址',
        //   dataIndex: 'CONTACTOR_ADDRESS',
        //   sorter: true
        // },
        // // {
        // //   title: '保险公司',
        // //   dataIndex: 'INSURATION_SHORT_NAME',
        // //   sorter: true,
        // // },
        // // {
        // //   title: '保险开始日期',
        // //   dataIndex: 'INSURANCE_BEGIN_DATE',
        // //   sorter: true,
        // //   dateFormat: 'yyyy-MM-dd'
        // // },
        // // {
        // //   title: '保险结束日期',
        // //   dataIndex: 'INSURANCE_END_DATE',
        // //   sorter: true,
        // //   dateFormat: 'yyyy-MM-dd'
        // // },
        // {
        //   title: '上次维修日期',
        //   dataIndex: 'LAST_MAINTAIN_DATE',
        //   sorter: true,
        //   dateFormat: 'yyyy-MM-dd'
        // },
        // {
        //   title: '上次维修里程',
        //   dataIndex: 'LAST_MAINTAIN_MILEAGE',
        //   sorter: true
        // },
        // {
        //   title: '预计下次保养日期',
        //   dataIndex: 'NEXT_MAINTAIN_DATE',
        //   sorter: true,
        //   dateFormat: 'yyyy-MM-dd'
        // },
        // {
        //   title: '下次保养里程',
        //   dataIndex: 'NEXT_MAINTAIN_MILEAGE',
        //   sorter: true
        // },
        // {
        //   title: '服务顾问',
        //   dataIndex: 'SERVICE_ADVISOR',
        //   sorter: true,
        //   render: props => {
        //     return <span>{this.getEmployeeName(props.row.SERVICE_ADVISOR)}</span>;
        //   }
        // },
        // {
        //   title: '上次接待服务顾问',
        //   dataIndex: 'LAST_CONSULTANT_ID',
        //   sorter: true,
        //   render: props => {
        //     return <span>{this.getEmployeeName(props.row.LAST_CONSULTANT_ID)}</span>;
        //   }
        // },
        // {
        //   title: '提醒人',
        //   dataIndex: 'REMINDER',
        //   sorter: true
        // },
        // {
        //   title: '提醒内容',
        //   dataIndex: 'REMIND_CONTENT',
        //   sorter: true
        // },
        // {
        //   title: '提醒状态',
        //   dataIndex: 'REMIND_STATUS',
        //   sorter: true,
        //   render: props => {
        //     return <span>{this.createDictText(props.row.REMIND_STATUS, '8057')}</span>;
        //   }
        // },
        // {
        //   title: '提醒失败原因',
        //   dataIndex: 'REMIND_FAIL_REASON',
        //   sorter: true,
        //   render: props => {
        //     return <span>{this.createDictText(props.row.REMIND_FAIL_REASON, '8069')}</span>;
        //   }
        // },
        // {
        //   title: '最后一次提醒时间',
        //   dataIndex: 'REMIND_DATE',
        //   sorter: true,
        //   dateFormat: 'yyyy-MM-dd'
        // },
        // {
        //   title: '客户反馈',
        //   dataIndex: 'CUSTOMER_FEEDBACK',
        //   sorter: true
        // },
        // {
        //   title: '销售日期',
        //   dataIndex: 'SALES_DATE',
        //   sorter: true,
        //   dateFormat: 'yyyy-MM-dd'
        // },
        // {
        //   title: '是否激活',
        //   dataIndex: 'IS_VALID',
        //   sorter: true,
        //   render: props => {
        //     return <span>{this.createDictText(props.row.IS_VALID, '1004')}</span>;
        //   }
        // },
        // {
        //   title: '优惠截止日期',
        //   dataIndex: 'DISCOUNT_EXPIRE_DATE',
        //   sorter: true,
        //   dateFormat: 'yyyy-MM-dd'
        // },
        // {
        //   title: '定保专员',
        //   dataIndex: 'MAINTAIN_ADVISOR',
        //   sorter: true,
        //   render: props => {
        //     return <span>{this.getEmployeeName(props.row.MAINTAIN_ADVISOR)}</span>;
        //   }
        // },
        // {
        //   title: '上次保养日期',
        //   dataIndex: 'LAST_MAINTENANCE_DATE',
        //   sorter: true,
        //   dateFormat: 'yyyy-MM-dd'
        // },
        // {
        //   title: '上次保养里程',
        //   dataIndex: 'LAST_MAINTENANCE_MILEAGE',
        //   sorter: true
        // },
        // {
        //   title: '提醒方式',
        //   dataIndex: 'REMIND_WAY',
        //   sorter: true
        //   // render: props => {
        //   //   return <span>{this.createDictText(props.row.IS_VALID, '8081')}</span>;
        //   // }
        // },
        // // {
        // //   title: '上次维修时间',
        // //   dataIndex: 'LAST_MAINTAIN_DATE',
        // //   sorter: true,
        // //   dateFormat: 'yyyy-MM-dd'
        // // },
        // // {
        // //   title: '是否本公司投保',
        // //   dataIndex: 'IS_SELF_COMPANY_INSURANCE',
        // //   sorter: true,
        // //   render: props => {
        // //     return <span>{this.createDictText(props.row.IS_SELF_COMPANY_INSURANCE, '1004')}</span>;
        // //   }
        // // },
        // {
        //   title: '续保专员',
        //   dataIndex: 'INSURANCE_ADVISOR',
        //   sorter: true
        // },
        // {
        //   title: '是否提醒回厂',
        //   dataIndex: 'IS_RETURN_FACTORY',
        //   sorter: true,
        //   render: props => {
        //     return <span>{this.createDictText(props.row.IS_REMIND_FACTORY, '1004')}</span>;
        //   }
        // },
        // // {
        // //   title: '保险到期年',
        // //   dataIndex: 'EXPIRED_YEAR',
        // //   sorter: true
        // // },
        // // {
        // //   title: '保险到期月',
        // //   dataIndex: 'EXPIRED_MONTH',
        // //   sorter: true
        // // },
        // // {
        // //   title: '保险到期日',
        // //   dataIndex: 'EXPIRED_DAY',
        // //   sorter: true
        // // },
        // {
        //   title: '保险备注1',
        //   dataIndex: 'REMARK1',
        //   sorter: true
        // },
        // {
        //   title: '保险备注2',
        //   dataIndex: 'REMARK2',
        //   sorter: true
        // },
        // {
        //   title: '购买意向',
        //   dataIndex: 'PUR_INTENTION',
        //   sorter: true,
        //   render: props => {
        //     return <span>{this.createDictText(props.row.PUR_INTENTION, '8083')}</span>;
        //   }
        // },
        // {
        //   title: '需求卖点',
        //   dataIndex: 'SELLING_POINT',
        //   sorter: true
        // },
        // {
        //   title: '意向保险公司',
        //   dataIndex: 'PUR_COMPANY',
        //   sorter: true
        // },
        // {
        //   title: '车身状态',
        //   dataIndex: 'BODY_STATE',
        //   sorter: true
        // },
        // // {
        // //   title: '是否在修',
        // //   dataIndex: '18',
        // //   sorter: true,
        // //   render: props => {
        // //     return <span>{this.createDictText(props.row.IS_RETURN_FACTORY, '1004')}</span>;
        // //   }
        // // },
        // // {
        // //   title: '是否本公司购车',
        // //   dataIndex: 'IS_SELF_COMPANY',
        // //   sorter: true,
        // //   render: props => {
        // //     return <span>{this.createDictText(props.row.IS_SELF_COMPANY, '1004')}</span>;
        // //   }
        // // },
        // {
        //   title: '行驶里程',
        //   dataIndex: 'MILEAGE',
        //   sorter: true
        // },
        // {
        //   title: '第一次进厂日期',
        //   dataIndex: 'FIRST_IN_DATE',
        //   sorter: true,
        //   dateFormat: 'yyyy-MM-dd'
        // },
        // {
        //   title: '是否分派',
        //   dataIndex: 'IS_ASSIGN',
        //   sorter: true,
        //   render: props => {
        //     return <span>{this.createDictText(props.row.IS_ASSIGN, '1004')}</span>;
        //   }
        // },
        // // {
        // //   title: '跟踪状态',
        // //   dataIndex: 'TRACE_TYPE',
        // //   sorter: true,
        // //   render: props => {
        // //     return <span>{this.createDictText(props.row.IS_SELF_COMPANY, '8058')}</span>;
        // //   }
        // // },
        // {
        //   title: '性别',
        //   dataIndex: 'GENDER',
        //   sorter: true,
        //   render: props => {
        //     return <span>{this.createDictText(props.row.GENDER, '8012')}</span>;
        //   }
        // },
        // {
        //   title: '出生日期',
        //   dataIndex: 'BIRTHDAY',
        //   sorter: true,
        //   dateFormat: 'yyyy-MM-dd'
        // },
        // {
        //   title: '车主邮编',
        //   dataIndex: 'ZIP_CODE',
        //   sorter: true
        // },
        // // {
        // //   title: '销售顾问',
        // //   dataIndex: 'CONSULTANT',
        // //   sorter: true
        // // },
        // {
        //   title: '省份',
        //   dataIndex: 'PROVINCE',
        //   sorter: true
        // },
        // {
        //   title: '城市',
        //   dataIndex: 'CITY',
        //   sorter: true
        // }
      ];
    },
    // 查询BZD码
    async queryBzd(val) {
      let res = await getBzd({ VIN: val.VIN });
      if (res.data.resultType == 'S') {
        // 成功返回S 失败返回 E
        this.$nextTick(() => {
          val.BZD = res.data.BZD;
        });
      } else {
        this.$notify.warning({ title: '提示信息', message: res.data.message });
      }
    },
    collapseHandle() {
      this.$nextTick(() => {
        this.$refs.table.$refs.pageTable.EXECUTE_RESET_HEIGHT();
      });
    },
    getinsuranceList(val) {
      console.log(val, '搜索条件');
      val['flag'] = '123';
      this.fetchParams = Object.assign({}, val);
      console.log(val, '搜索条件');
    },
    openRemindHistory(data) {
      if (this.onSelectCell.length == 1) {
        this.showRemindHistory = true;
      } else {
        this.$notify.error({ title: '提示信息', message: '请选择一条表格数据！' });
      }
    },
    closeRemindHistory(data) {
      this.showRemindHistory = false;
    },
    openReservation(data) {
      if (this.onSelectCell.length == 1) {
        this.showReservation = true;
      } else {
        this.$notify.error({ title: '提示信息', message: '请选择一条表格数据！' });
      }
    },
    closeReservation(data) {
      this.showReservation = false;
    },
    openRemindInputs(data) {
      if (this.onSelectCell.length == 1) {
        this.selectData = _.cloneDeep(this.onSelectCell[0]);
        jsonToHump(this.selectData);
        // console.log(this.selectData)
        this.showRemindInputs = true;
      } else {
        this.$notify.error({ title: '提示信息', message: '请选择一条表格数据！' });
      }
    },
    closeRemindInputs(data) {
      this.showRemindInputs = false;
    },
    openComplaint(data) {
      if (this.onSelectCell.length == 1) {
        this.showComplaint = true;
      } else {
        this.$notify.error({ title: '提示信息', message: '请选择一条表格数据！' });
      }
    },
    closeComplaint(data) {
      this.showComplaint = false;
    },
    openRepairhistory(data) {
      if (this.onSelectCell.length == 1) {
        this.showRepairhistory = true;
      } else {
        this.$notify.error({ title: '提示信息', message: '请选择一条表格数据！' });
      }
    },
    closeRepairhistory(data) {
      this.showRepairhistory = false;
    },
    openRepairImport(data) {
      if (this.onSelectCell.length == 1) {
        this.showRepairImport = true;
      } else {
        this.$notify.error({ title: '提示信息', message: '请选择一条表格数据！' });
      }
    },
    closeRepairImport(data) {
      this.showRepairImport = false;
    },
    selectChange(val) {
      this.onSelectCell = val;
      if (val.length > 0) {
        this.chooseVin = val[0].VIN;
        this.activityCode = val[0].ZRETYPE; // 行动代码
        this.chooseOwnerNo = val[0].OWNER_NO;
        this.chooseLicense = val[0].LICENSE;
      }
    },

    async getPinpSelect() {
      // const res = await getPinpSelect();
      // // console.log(res,'品牌')
      // this.searchOrdersList.find(item => item.fieldName === 'brandName').itemList = res.data.map(x => ({ value: x.brandId, text: x.brandName })); //
    },
    // 根据userId查employeeName
    getEmployeeName(userId) {
      const item = this.serviceAdvisorData.find(x => {
        return x.value == userId;
      });
      return item ? item.text : '';
    },
    async serviceConsultant() {
      // let roleParam = { role: dictCode.SERVICE_CONSULTANT };
      // const res = await searchRoleByCode(roleParam);
      // console.log(res, '服务顾问');
      // this.serviceAdvisorData = res.data.map(x => ({ text: x.employeeName, value: x.userId }));
      // this.searchOrdersList.find(item => item.fieldName === 'lastConsultantId').itemList = this.serviceAdvisorData;
    },
    async getActivity() {
      const res = await getActivitySelect();
      console.log(res, 'activity');
      this.searchOrdersList.find(item => item.fieldName === 'ACTIVITY_CODE').itemList = res.data.map(x => ({ text: x.ACTIVITY_NAME, value: x.ACTIVITY_CODE }));
    },

    // 查询所有品牌(供table使用)
    async queryBrand() {
      // const res = await getBrand();
      // this.columns.find(x => x.dataIndex === 'BRAND').editItems = res.data.map(x => ({ text: x.BRAND_NAME, value: x.BRAND_ID + '' }));
    },
    // 查询所有车系(供table使用)
    async querySeries() {
      // const res = await getSeries();
      // this.columns.find(x => x.dataIndex === 'SERIES').editItems = res.data.map(x => ({ text: x.SERIES_NAME, value: x.SERIES_ID + '' }));
    },
    // 查询所有车型(供table使用)
    async queryModel() {
      // const res = await getModel();
      // this.columns.find(x => x.dataIndex === 'MODEL').editItems = res.data.map(x => ({ text: x.MODEL_NAME, value: x.MODEL_ID + '' }));
    },
    // 查询所有省份,城市(供table使用)
    //  async  queryRegion(){
    //     const res = await getRegion();
    //     this.columns.find(x => x.dataIndex === 'PROVINCE').editItems =  res.data.map(x => ({ text: x.REGION_NAME, value: x.REGION_ID}));
    //     this.columns.find(x => x.dataIndex === 'CITY').editItems =  res.data.map(x => ({ text: x.REGION_NAME, value: x.REGION_ID}));
    //  },
    // 导出
    exportData() {
      this.exportLoading = true;
      exportActivitiesInvite(this.fetchParams).then(res => {
        exportExcelFile(res, '行动召回邀约');
      });
      this.exportLoading = false;
    }
  }
};
</script>
<style lang="less" scoped></style>
